<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/head.css" />
		<link rel="stylesheet" href="css/publicResource.css" />
		<link rel="stylesheet" href="css/ResourceLib.css" />
		<link rel="stylesheet" href="css/personCenter.css"/>
		<link rel="stylesheet" href="css/about_photo.css" />
		<link rel="stylesheet" href="css/Resource_problem.css" />
		
		<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
		<!--<script type="text/javascript">
			$(function()
			{
//				获取父页面id为maincontent的iframe,并设置其高度
				var main = $(window.parent.document).find("#maincontent");
				var thisheight = $(document).height()+150;
				console.log(thisheight);
				main.height(thisheight);
			});
		</script>-->
		<!--自定义模态弹窗-->
		<script type="text/javascript">
			
		$(function()
		{
			var yaoqingstr="problem_dialog.html .problem_yq";
			var answerstr="problem_dialog.html .problem_answer";
			var yaoqing=$('#yaoqing');
			var answer=$('#answer');
			var overlay=$(".div_overlay");
			var content=$(".div_content");
			
			function displayAnswer(ev)
			{
				content.load(answerstr);
				overlay.css("display","block");
				content.css("display","block");
//				jiemianstr='.problem_answer';
//				console.log("display");
			}
			
			function displayYaoqing(ev)
			{
//				content.append(jiemian);
				content.load(yaoqingstr);
//				overlay.attr("style.display","block");
				overlay.css("display","block");
				content.css("display","block");
//				console.log("display");
			}
			
			overlay.bind("click",function(e)
			{
//				content.remove(jiemian);
//				jiemian.remove();
//				content.detach(jiemian);
//				jiemian.detch();
//				$(".div_content").remove(jiemianstr);
				overlay.css("display","none");
				content.css("display","none");
				console.log("hide");
			});
			yaoqing.bind("click",displayYaoqing);
			answer.bind("click",displayAnswer);
		});
		
		</script>
	</head>
	<body>
		<center>
			
			<img id="publicResource_img" src="img/page_banner.png"/>
			<br />
			<div style="width: 1200px;margin-top: 20px;">
			
			<small class="fleft mb5">当前位置：首页>资源库>问题讨论</small>
				<hr style="height: 0.5px; width: 100%;background: rgb(18,155,11);" />
				<br />
				<div id="person_info">
						<br />
						<p class="person_photo">
						<img src="img/picture_personal_photo.png"/>
						</p>
						<article>
							<font style="font-weight: bold;margin-left: -29px;" size="4" class="fleft">林子聪&nbsp;&nbsp;<font size="2">提出的问题</font></font><time class="fright">2016-12-30</time>
							
							<hr style="border-bottom: 1px dashed gray; width: 99%;" />
							<br />
							<font style="font-weight: bold;">电力调试过程中，如何做才能保证安全？</font>
							<br />
							<p>如下图，在电力调配过程中，遇见突发事件，如何有效预防。</p>
							<span>
								<img src="img/picture_personal_photo.png" style="margin: 10px;"/>
								<img src="img/picture_personal_photo.png"  style="margin: 10px;"/>
								<img src="img/picture_personal_photo.png"  style="margin: 10px;"/>
							</span>
						</article>

				</div>
				<div id="problem_bar">
					<font size="5" class="fleft ml10">问题讨论区</font>
					<span class="fleft ml10">
						<img src="img/ico_talk3.png"  align="absmiddle"/><font>10人参与</font>
					</span>
					<span class="fright mr10 bgYellow bradius10" style="height: 30px;margin-top: 12px;line-height: 30px;padding: 3px;">
						<a id="yaoqing" class="me" href="#">
						<img src="img/icon_invite_talk.png"/>&nbsp;<font color="white">邀请讨论</font>
						</a>
					</span>
					<span class="fright mr10 bgYellow bradius10" style="height: 30px;margin-top: 12px;line-height: 30px;padding: 3px;">
						<a id="answer" class="me" href="#">
						<img src="img/icon_answe_problemr.png"/>&nbsp;<font color="white">我来回答</font>
						</a>
					</span>
				</div>
<form method="post">			
				<ul class="resource_list">
					<li>
						<br />
						<p class="person_photo">
						<img src="img/picture_personal_photo.png"/>
						</p>
						<article class="mt10">
							<font style="font-weight: bold;margin-left: -29px;" size="4" class="fleft">林子聪&nbsp;&nbsp;<font size="2">的回答</font></font><time class="fright">2016-12-30</time>
							
							<hr style="border-bottom: 1px dashed gray; width: 100%;" />
							<br />
							<font style="font-weight: bold;">电力调试过程中，如何做才能保证安全？</font>
							<br />
							<p>如下图，在电力调配过程中，遇见突发事件，如何有效预防。按明确的流程步骤来操作。<br/>
								电力工程调试主要内容：	
							</p>
								
							<ol>
								<li>熟悉一，二次回路接线，申对图纸</li>
								<li>熟悉一，二次回路接线，申对图纸</li>
								<li>熟悉一，二次回路接线，申对图纸</li>
								<li>熟悉一，二次回路接线，申对图纸</li>
							</ol>
						</article>
					</li>
					<li>
						<br />
						<p class="person_photo">
						<img src="img/picture_personal_photo.png"/>
						</p>
						<article class="mt10">
							<font style="font-weight: bold;margin-left: -29px;" size="4" class="fleft">林子聪&nbsp;&nbsp;<font size="2">的回答</font></font><time class="fright">2016-12-30</time>
							
							<hr style="border-bottom: 1px dashed gray; width: 100%;" />
							<br />
							<font style="font-weight: bold;">电力调试过程中，如何做才能保证安全？</font>
							<br />
							<p>如下图，在电力调配过程中，遇见突发事件，如何有效预防。按明确的流程步骤来操作。<br/>
								电力工程调试主要内容：	
							</p>
								
							<ol>
								<li>熟悉一，二次回路接线，申对图纸</li>
								<li>熟悉一，二次回路接线，申对图纸</li>
								<li>熟悉一，二次回路接线，申对图纸</li>
								<li>熟悉一，二次回路接线，申对图纸</li>
							</ol>
						</article>
					</li>
					<li>
						<br />
						<p class="person_photo">
						<img src="img/picture_personal_photo.png"/>
						</p>
						<article class="mt10">
							<font style="font-weight: bold;margin-left: -29px;" size="4" class="fleft">林子聪&nbsp;&nbsp;<font size="2">的回答</font></font><time class="fright">2016-12-30</time>
							
							<hr style="border-bottom: 1px dashed gray; width: 100%;" />
							<br />
							<font style="font-weight: bold;">电力调试过程中，如何做才能保证安全？</font>
							<br />
							<p>如下图，在电力调配过程中，遇见突发事件，如何有效预防。按明确的流程步骤来操作。<br/>
								电力工程调试主要内容：	
							</p>
								
							<ol>
								<li>熟悉一，二次回路接线，申对图纸</li>
								<li>熟悉一，二次回路接线，申对图纸</li>
								<li>熟悉一，二次回路接线，申对图纸</li>
								<li>熟悉一，二次回路接线，申对图纸</li>
							</ol>
						</article>
					</li>
					<li>
						<br />
						<p class="person_photo">
						<img src="img/picture_personal_photo.png"/>
						</p>
						<article class="mt10">
							<font style="font-weight: bold;margin-left: -29px;" size="4" class="fleft">林子聪&nbsp;&nbsp;<font size="2">的回答</font></font><time class="fright">2016-12-30</time>
							
							<hr style="border-bottom: 1px dashed gray; width: 100%;" />
							<br />
							<font style="font-weight: bold;">电力调试过程中，如何做才能保证安全？</font>
							<br />
							<p>如下图，在电力调配过程中，遇见突发事件，如何有效预防。按明确的流程步骤来操作。<br/>
								电力工程调试主要内容：	
							</p>
								
							<ol>
								<li>熟悉一，二次回路接线，申对图纸</li>
								<li>熟悉一，二次回路接线，申对图纸</li>
								<li>熟悉一，二次回路接线，申对图纸</li>
								<li>熟悉一，二次回路接线，申对图纸</li>
							</ol>
						</article>
					</li>
				</ul>
				
				<div id="resource_page">
					<ul class="resource_page_number">
						<li><a href="#"><img src="img/icon_pagenumber_arrow_L.png"></img></a></li>
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li><a href="#">6</a></li>
						<li><a href="#">7</a></li>
						<li><a href="#">8</a></li>
						<li><a href="#">9</a></li>
						<li><a href="#">10</a></li>
						<li><a href="#">11</a></li>
						<li><a href="#">12</a></li>
						<li><a href="#">...</a></li>
						<li><a href="#">30</a></li>
						<li><a href="#"><img src="img/icon_pagepagenumber_arrow_R.png"/></a></li>
					</ul>
				</div>
			</div>
			
			<div class="div_overlay">
			</div>
			<div class="div_content bradius10" style="height: auto;background: white;">
				
			</div>
			
			
			
		</center>
	</body>
</html>
